<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Search</title>
    <link rel="stylesheet" type="text/css" href="./css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
    <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!--头部-->
<iframe name="header_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100% src="./components/header02.html" frameborder=0 scrolling="no"></iframe>



<div class="mian">

    <div class="mian-center-box">
        <!-- 分类 -->
        <div class="search-category main-category">
            <div>
                <img src="img/index/bookmark_in_book.png" alt=""><span>图书音响、文具</span>
            </div>
            <div>
                <img src="img/index/Fork.png" alt=""><span>食品、饮料、酒水</span>
            </div>
            <div>
                <img src="img/index/Baby_Carriage.png" alt=""><span>母婴、玩具、童装</span>
            </div>
            <div>
                <img src="img/index/Double_Bed.png" alt=""><span>家居、家庭清洁、纸品</span>
            </div>
            <div>
                <img src="img/index/Adjust.png" alt=""><span>美妆、个人护理</span>
            </div>
            <div>
                <img src="img/index/winking_face.png" alt=""><span>女装、内衣</span>
            </div>
            <div>
                <img src="img/index/bookmark_in_book.png" alt=""><span>女鞋、男鞋、箱包</span>
            </div>
            <div>
                <img src="img/index/basket.png" alt=""><span>男装、运动</span>
            </div>
            <div>
                <img src="img/index/monitor.png" alt=""><span>手机、电脑、平板</span>
            </div>
            <div>
                <img src="img/index/Star.png" alt=""><span>礼品、充值</span>
            </div>
        </div>
        <div class="main-three">
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <a href="./ProductDetail.html">
                    <img style="width: 241px;height:238px" src="img/shopping/2022年贵州特产野生刺梨农家新鲜野山果天然食用农产品5斤.jpg" alt="">
                </a>
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">2022年贵州特产野生刺梨农家新鲜野山果天然食用农产品5斤</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">2022年贵州特产野生刺梨农家新鲜野山果天然食用农产品5斤</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/甘肃定西大土豆新鲜农产品高山黄心士豆 农家沙面洋芋蔬菜马铃薯.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">甘肃定西大土豆新鲜农产品高山黄心士豆 农家沙面洋芋蔬菜马铃薯</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">甘肃定西大土豆新鲜农产品高山黄心士豆 农家沙面洋芋蔬菜马铃薯</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/釜山88圣女果即食酸甜玲珑小番茄孕妇新鲜农产品水果多汁小柿子.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">釜山88圣女果即食酸甜玲珑小番茄孕妇新鲜农产品水果多汁小柿子</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">釜山88圣女果即食酸甜玲珑小番茄孕妇新鲜农产品水果多汁小柿子</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/河岸美农现挖5斤装甜菜根紫菜头红甜菜 红菜头甜菜头蔬菜农产品.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">河岸美农现挖5斤装甜菜根紫菜头红甜菜 红菜头甜菜头蔬菜农产品</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">河岸美农现挖5斤装甜菜根紫菜头红甜菜 红菜头甜菜头蔬菜农产品</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/猴脑菇核桃菌玛瑙菌干货食材500g海参菇黑松菌玛咖菌食用农产品.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">猴脑菇核桃菌玛瑙菌干货食材500g海参菇黑松菌玛咖菌食用农产品</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">猴脑菇核桃菌玛瑙菌干货食材500g海参菇黑松菌玛咖菌食用农产品</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/羊肚菌干货250g云南特产野生菌食用菌菇煲汤食材新货羊肚蘑农产品.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">羊肚菌干货250g云南特产野生菌食用菌菇煲汤食材新货羊肚蘑农产品</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">羊肚菌干货250g云南特产野生菌食用菌菇煲汤食材新货羊肚蘑农产品</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/云南特产红菇礼盒菌菇野生山珍干货送礼250g精品正宗无添加农产品.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">云南特产红菇礼盒菌菇野生山珍干货送礼250g精品正宗无添加农产品</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">云南特产红菇礼盒菌菇野生山珍干货送礼250g精品正宗无添加农产品</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/正宗东北油豆角一点红豆角新鲜蔬菜九月青面豆角开锅烂食用农产品.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">正宗东北油豆角一点红豆角新鲜蔬菜九月青面豆角开锅烂食用农产品</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">正宗东北油豆角一点红豆角新鲜蔬菜九月青面豆角开锅烂食用农产品</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/正宗沙地紫薯10斤新鲜现挖地瓜香薯番薯农家自种批发包邮农产品10.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">正宗沙地紫薯10斤新鲜现挖地瓜香薯番薯农家自种批发包邮农产品10</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">正宗沙地紫薯10斤新鲜现挖地瓜香薯番薯农家自种批发包邮农产品10</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
            <div class="mian-shop-item">
                <!-- 商品图片 -->
                <img style="width: 241px;height:238px" src="img/shopping/正宗浙江绍兴梅干菜干货特级农家免洗无沙霉菜干菜扣肉农产品500g.jpg" alt="">
                <!-- 商品文字 -->
                <div class="mian-shop-text">
                    <div>
                        <font size="3">
                            <b>
                                <div class="shop-title-length">正宗浙江绍兴梅干菜干货特级农家免洗无沙霉菜干菜扣肉农产品500g</div>
                            </b>
                        </font>
                    </div>
                    <div>
                        <font color="#868686">
                            <div class="shop-describe-length">正宗浙江绍兴梅干菜干货特级农家免洗无沙霉菜干菜扣肉农产品500g</div>
                        </font>
                    </div>
                    <div>
                        <font color="#EF500C" size="3">
                            <b>￥89.0</b>
                        </font>
                    </div>
                </div>
            </div>
<!--            分页-->
            <div class="page">
                <div class="sui-pagination clearfix">
                    <ul>
                        <li class="prev disabled">
                            <a href="#">«上一页</a>
                        </li>
                        <li class="active">
                            <a href="#">1</a>
                        </li>
                        <li>
                            <a href="#">2</a>
                        </li>
                        <li>
                            <a href="#">3</a>
                        </li>
                        <li>
                            <a href="#">4</a>
                        </li>
                        <li>
                            <a href="#">5</a>
                        </li>
                        <li class="dotted"><span>...</span></li>
                        <li class="next">
                            <a href="#">下一页»</a>
                        </li>
                    </ul>
                    <div><span>共10页&nbsp;</span></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<iframe name="footer_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100% src="./components/footer.html" frameborder=0 scrolling="no"></iframe>

<script type="text/javascript">
    var new_playerName = "";
    $(".shop-title-length").each(function() {
        let count = 13 //长度截取
        var s1 = jQuery(this).text().length;
        console.log(s1);
        if (s1 > count) {
            new_playerName = jQuery(this).text().substring(0, count);
            new_playerName += "..."
            jQuery(this).html(new_playerName);
        } else {
            new_playerName = jQuery(this).text();
        }
        return new_playerName;
    })
    $(".shop-describe-length").each(function() {
        let count = 13 //长度截取
        var s1 = jQuery(this).text().length;
        console.log(s1);
        if (s1 > count) {
            new_playerName = jQuery(this).text().substring(0, count);
            new_playerName += "..."
            jQuery(this).html(new_playerName);
        } else {
            new_playerName = jQuery(this).text();
        }
        return new_playerName;
    })
</script>
</body>
</html>